/* 全局页面容器样式 */
.page-container {
  padding: 20px;
  height: calc(100vh - 84px);
  width: 100vw;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
  background-color: var(--el-fill-color-blank);
}

/* 全局行样式 */
.page-row {
  margin: 0 !important;
  width: 100%;
  height: 100%;
}

/* 全局卡片样式 */
.page-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0;
  width: 100%;
}

/* 全局滚动区域样式 */
.scroll-container {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

/* 滚动条样式 */
.scroll-container::-webkit-scrollbar {
  width: 6px;
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: var(--el-border-color);
  border-radius: 3px;
}

.scroll-container::-webkit-scrollbar-track {
  background-color: var(--el-fill-color-blank);
} 